import { ReactViewState, ReactView, reactControl, ReactViewControl } from "pao-aop-client";
import React from "react";
import { addon } from "pao-aop";
import "./index.less";
import { version_no } from "src/business/security/security-setting";
// import { AppServiceUtility } from "src/projects/app/appService";
// import { request } from "src/business/util_tool";
/**
 * 组件：关于我们状态
 */
export interface AboutUsViewState extends ReactViewState {
    // 公司名
    company_name?: string;
    // 公司描述
    company_description?: string;
    // 版本号
    version?: string;
    // 版权所有
    owner?: string;
    // 备案号
    copyright?: string;
}

/**
 * 组件：关于我们
 * 描述
 */
export class AboutUsView extends ReactView<AboutUsViewControl, AboutUsViewState> {
    constructor(props: any) {
        super(props);
        this.state = {
            company_name: '智慧康养',
            company_description: '广东壹佰健大健康科技有限公司（Guangdong Yibaijian Comprehensive Health Technology Limited），由中国兴业控股有限公司控股子公司，是大健康养老服务综合运营商，服务领域涵盖医疗康复、养老护理、健康管理、教育培训、管理输出等。以机构运营为基础建设涵盖机构、社区、居家三级的多层次、全覆盖、优质、普惠、长效的线上线下融合的智慧养老服务体系。以智慧养老综合服务管理平台为基础，满足老年人多元化需求，实现机构养老、社区养老、居家养老三大养老服务体系有机联动，打造养老新品牌，让老人“老有所养、老有所乐、老有所医”的幸福梦想照进现实。',
            version: version_no,
            owner: '版权所有',
            copyright: 'Copyright © 2018 - 2019 All Rights Reserved.',
        };
    }
    componentDidMount() {
        const company_name = this.state.company_name;
        if (document.getElementsByClassName('am-navbar-title') && document.getElementsByClassName('am-navbar-title')[0] && this.state.company_name! !== '') {
            document.getElementsByClassName('am-navbar-title')[0].innerHTML = company_name!;
        }
    }
    render() {
        const { company_name, version, company_description, owner, copyright } = this.state;
        return (
            <div className="about-us">
                <div className="compnay-title">
                    {company_name}
                </div>
                <div className="system-version">
                    Version：{version}
                </div>
                <div className="company-description">
                    {company_description}
                </div>
                <div className="system-owner">
                    {owner}
                </div>
                <div className="system-copyright">
                    {copyright}
                </div>
            </div>
        );
    }
}

/**
 * 控件：关于我们控制器
 * 描述
 */
@addon('AboutUsView', '关于我们', '描述')
@reactControl(AboutUsView, true)
export class AboutUsViewControl extends ReactViewControl {
    constructor() {
        super();
    }
}